﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Home.ascx.cs" Inherits="UserControls_Home" %>
<%@ Register Src="~/UserControls/Widget.ascx" TagName="Widget" TagPrefix="uc" %>
<div id="content">
    <div class="container_24">


        <div class="grid_24">
            <fieldset class="rounded shadow no_legend" id="carousel_wrapper">
                <legend></legend>
                <div id="carousel">
                    <img src="/styles/dalatcooking/Images/ajax-loader.gif" border="0" />
                    Loading...
                      <script type="text/javascript">
                          jQuery(document).ready(function () {
                              jQuery.dalatcooking.jsonCourse_loadCourseSlider('#carousel');
                          });
                      </script>
                </div>
                <a href="#">
                    <img alt="Các khóa học mới" class="overlay_new" height="120" src="/Styles/DalatCooking/images/new_red.png" width="120" /></a>
                <div id="carousel_more_link">
                    <a href="/course/all" class="mini light">Tất cả Khóa học &gt;</a>
                </div>
            </fieldset>
        </div>
        <div class="clear"></div>
        <div class="grid_15">
            <ul id="tabify">
                <li class="active"><a href="#course">Khóa học mới</a></li>
                <li class=""><a href="#course-like">Yêu thích</a></li>
                <li class=""><a href="#course-all">Tất cả khóa học</a></li>
            </ul>
            <div class="tab_content rounded shadow" id="course">


                <div class="box">
                    <div id="course-tab">
                        <img src="styles/dalatcooking/Images/ajax-loader.gif" border="0" />
                        Loading...
                    <script type="text/javascript">
                        jQuery(document).ready(function () {
                            jQuery.dalatcooking.jsonCourse_loadCourseTab('#course-tab');
                        });
                    </script>


                    </div>
                    <div class="clear"></div>
                </div>
            </div>
            <div class="tab_content rounded shadow" id="course-like">
                <div class="box">

                    <div id="courselike">

                        <script type="text/javascript">
                            jQuery(document).ready(function () {

                                jQuery.dalatcooking.jsonCourse_loadCourseTab('#courselike');
                            });
                        </script>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
            <div class="tab_content rounded shadow" id="course-all">
                <div class="box">
                    <div id="courseall">

                        <script type="text/javascript">
                            jQuery(document).ready(function () {
                                jQuery.dalatcooking.jsonCourse_loadCourseTab('#courseall');
                            });
                        </script>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
        <uc:Widget ID="rightWidget" runat="server" />
    </div>
</div>
